<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <ul id="box">

  </ul>
    <script>
        let myname="张三"
        let age=19;
      
        let list=["周杰伦","五月天","吴亦凡","李易峰"];
        let lis=""
        for(let i=0;i<list.length;i++){
          // lis+="<li>"
          //       +"<span id='js'>"+list[i]+"</span> 明星"
          //       +"</li>"
          lis+=`
              <li>
                  <span id="bs">${list[i]}</span> 
                  <a href="#">明星</a>
              </li>
          `
        }
        document.getElementById("box").innerHTML=lis;
       // es6 的模板字符串 `` 
      //  es6模板字符串 拼接变量 ${变量或表达式}
        let hobby="耍朋友";
        let city="廊坊"
       let str="今天"+myname+"吃饭了"+myname+age+"岁"
        let kstr=`不要在${city}市广阳区东方大学城进思教育${hobby}`
          // 模板字符串 的${} 可以放置三元运算符，算数，比较运算，逻辑运算符
        let myage=20;
        let str9=`张三${myage>18+0?'成年':'未成年'}`
        console.log(str9)
        // 模板字符串 的${} 可以调用函数
        function add(x,y) {
            return x+y
        }
        let str7=`通过我严密的计算1+1=${add(1,1)}`
        console.log(str7)
       

          


    </script>
</body>
</html>